﻿
/*Left align the label as they are right align*/
.form-horizontal .control-label {
    text-align: left;
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    /*width: 800px;*/
    height: 200px;
}

/* Animations */
.slide-animation.ng-enter, .slide-animation.ng-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;

  position:absolute;
  top:55%;
  left:0;
  right:0;
  min-height:1000px;
}

.slide-animation.ng-enter {
  opacity:0;
  left:100px;
}

.slide-animation.ng-enter.ng-enter-active {
  left:0;
  opacity:1;
}

.slide-animation.ng-leave {
  left:0;
  opacity:1;
}

.slide-animation.ng-leave.ng-leave-active {
  left:-100px;
  opacity:0;
}

/* Spinner */
#spinner {
    position:absolute;
    top: 50%;
    left: 50%;
    width:100px;
    height:100px;
    margin-top: -50px; /*set to a negative number 1/2 of your height*/
    margin-left: -50px; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    background-image: url(spinner.gif);
}

